// 广告
.banner {
    width: 100%;
    background-color: #2b80d9;

    img {
        width: 100%;
    }
}

// 公司简介
.profile {
    width: 70%;
    margin: 0 auto;
    padding-top: 90px;
    padding-bottom: 60px;

    .title {
        font-size: 35px;
        // font-weight: bold;
        font-family: 'OSLight';
    }

    .small-title {
        font-size: 22px;
        margin-top: 30px;
        margin-bottom: 30px;
        font-family: 'OSLight';
    }

    .content {
        display: flex;
        justify-content: space-between;
        box-sizing: border-box;

        .left {
            width: 70%;
            color: #2a2a2a;

            .about {
                p {
                    text-indent: 28px;
                    line-height: 30px;
                    margin-bottom: 10px;
                }
            }
        }

        .right {
            width: 25%;
            box-sizing: border-box;

            img {
                width: 100%;
            }
        }
    }
}

// 人才招聘
.advertise {
    background-color: #8cc11f;
    box-sizing: border-box;
    padding-bottom: 80px;

    .advertise-box {
        width: 70%;
        margin: 0 auto;
        color: #fff;
        font-size: 16px;

        .title {
            font-size: 35px;
            font-family: 'OSLight';
            box-sizing: border-box;
            padding-top: 110px;
            padding-bottom: 58px;
        }

        .content {
            display: flex;
            justify-content: space-between;
            line-height: 30px;

            .left {
                width: 60%;

                p {
                    margin-bottom: 10px;
                }
            }

            .right {
                .button {
                    width: 219px;
                    height: 48px;
                    background-color: #fff;
                    border-radius: 4px;
                    text-align: center;
                    line-height: 48px;
                    margin-top: 18px;
                    margin-bottom: 18px;
                    cursor: pointer;

                    a {
                        color: #8cc11f;
                        font-size: 20px;
                        font-weight: bold;
                    }
                }
            }
        }
    }
}

// 职位
.president {
    width: 70%;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 50px;

    .list {
        box-sizing: border-box;
        padding-top: 70px;
        padding-bottom: 65px;
        border-bottom: 1px solid #d2d2d2;

        &:last-child {
            border-bottom: none;
        }

        .title {
            font-size: 24px;
            color: #8cc11f;
            font-weight: 600;
            margin-bottom: 40px;
        }

        .small-title {
            line-height: 35px;
            font-size: 17px;
        }

        p {
            line-height: 35px;
            text-indent: 28px;
        }
    }
}

// 联系方式
.contactme {
    background-color: #f4f4f4;
    box-sizing: border-box;
    padding-bottom: 40px;

    .contactme-box {
        width: 70%;
        margin: 0 auto;

        .title {
            box-sizing: border-box;
            padding: 42px 0px;
            font-size: 35px;
        }

        .content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;

            .item {
                width: 49%;
                font-size: 16px;
                box-sizing: border-box;
                padding: 10px;
                background-color: #fff;
                border: 1px solid #e3e3e3;
                border-radius: 4px;
                margin-bottom: 20px;
                display: flex;
                

                a {
                    margin-left: 10px;
                    line-height: 70px;
                    color: #2a2a2a;
                }
            }
        }
    }
}
@media screen and (max-width:1280px){
    .profile{
        .content{
            .right{
                padding-top: 60px;
            }
        }
    }
}
@media screen and (max-width:1024px) {
    .profile{
        width: 80%;
    }
    .advertise-box{
        width: 80%;
    }
    .president{
        width: 80%;
    }
    .contactme {
        .contactme-box {
            width: 80%;
            .content {
                .item {
                    .first {
                        box-sizing: border-box;
                        line-height: 20px;
                        padding-top: 15px;
                    }
                }
            }
        }
    }
}
@media screen and (max-width:768px) {
    .profile{
        .content{
            flex-wrap: wrap;
            .left{
                width: 100%;
            }
            .right{
                width: 100%;
                padding-top: 20px;
            }
        }
    }
    .advertise{
        .advertise-box{
            .title{
                padding-top: 70px;
                padding-bottom: 30px;
            }
            .content{
                flex-wrap: wrap;
                .left{
                    width: 100%;
                }
                .right{
                    width: 100%;
                    margin-top: 30px;
                }
            }
        }
    }
    
}

@media screen and (max-width:415px){
    .contactme{
        .contactme-box{
            .content{
                display: block;
                .item{
                    width: 100%;
                }
            }
        }
    }
}